.form-title {
	font-size: 18px;
	font-weight: bold;
	padding: 30PX 0 20PX;
	text-align: center;
	margin-bottom: 0px;
	border-bottom: 1px solid #333;
}

.hw-container {
	padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
}

.hw-table-search {
	position: fixed;
	right: 10px;
	top:2px;
	z-index: 11;
	width: 250px;
}

.hw-table-search input {
	height: 26px;
	/*border: 0;*/
	width: 200px;
	outline: 0;
	display: inline-block;
	border: 1px solid #ccc;
	/*margin-right: 10px;*/
}
.hw-table-search button {
	width: 40px;
	text-align: center;
	height: 26px;
	/*padding: 0 10px;*/
	border: none;
	color: #000;  
	background: transparent;
}
.hw-table-search button:hover {
	background: linear-gradient(to bottom, #0784c4, #0784c4);
	color: #fff;

}
/*顶部保存、取消等操作区域*/
#toolbar_container {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
	/* overflow: hidden; */
	height: 30px;
	line-height: 30px;
	padding: 0 10px; 
	box-shadow: 0 1px 1px 1px #bbb;
	background: #EBEBEB;
	background: linear-gradient(to bottom, #fff, #ddd);
    background: #EBEBEB\9;
}
#toolbar_container::after {
	content: "";
	clear: both;
}
#toolbar_container + * {
	margin-top: 40px;
	margin-top: 20px\9; /*ie8, 9, 10 生效*/
	margin-top: 40px\9\0; /*ie9, 10 生效*/
}
#toolbar_container .tb_item {
	float: left;
}
#toolbar_container .search-item {
	float: right;
}
#toolbar_container .tb_item.filter_tab {
	position: relative;
}
#toolbar_container .tb_item.filter_tab a span {
	float: left;
}
#toolbar_container .tb_item.filter_tab a span.triangle {
	margin: 12px 0 0 5px;
}
#toolbar_container .tb_item.filter_tab .filter_combo_box {
	display: none;
	position: absolute;
	top: 32px;
	left: -10px;
	z-index: 100;
	background-color: #f4f4f4;
	text-align: center;
	width: 80px;
	padding: 5px 0;
}
#toolbar_container .tb_item.filter_tab .filter_combo_box a {
	display: block;
}
#toolbar_container .tb_item button {
	padding: 0 10px;
	border: none;
	color: #000;
	background: #EBEBEB;
	background: linear-gradient(to bottom, #fff, #ddd);
    background: #EBEBEB\9;
    outline: none;
}

#toolbar_container .tb_item button:hover {
	background: linear-gradient(to bottom, #0784c4, #0784c4);
    background: #0784c4\9;
	color: #fff;
}

#toolbar_container .tb_item > a{
	padding: 0 10px;
	border: none;
	color: #000;
	background: linear-gradient(to bottom, #fff, #ddd);
    background: #EBEBEB\9;
	display: inline-block;
}
#toolbar_container .tb_item > a:hover {
	background: linear-gradient(to bottom, #0784c4, #0784c4);
    background: #0784c4\9;
	color: #fff;
}
.form-group {
	margin-bottom: 15px;
}

.form-control[disabled], 
.form-control[readonly],
.form-control {
	background: #fff;
}
/*bootstrap 部分样式改动*/
.container {
	padding-top: 15px;
}

.form-control {
	height: 30px;
	line-height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding: 4px 6px 4px;
}
 
.checkbox label, .radio label {
	margin-right: 20px;
}

.input-group-btn .btn { 
	padding: 4px 8px;
	outline: none;
}


.form-group table input {
	border: 1px solid #f4f4f4;
	padding: 3px 5px;
	outline: none;
	width: 100%;
	display: block;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 8px;
	padding-right: 8px;
}

@media (min-width: 1360px) {
	.container {
	    width: 1330px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		/*width: 700px;*/
	}
}

.hw-data-table { 
	position: relative; 
	/*margin: 0 0 80px; */
	padding-left: 15px;
	width: auto; 
	height: calc(100vh - 50px); 
	padding-top: 10px; 
}

.hw-data-table .table-div {
	width: 100%;
	padding-right: 15px; 
	max-height: calc(100vh - 130px);
	/*margin-bottom: 80px;*/
	overflow-x: auto; 
}

.form-group .control-label span {
	color: red;
}
 
.hw-data-table .table-top-opt {
	position: fixed; 
	width: 100%; 
	top: 30px; 
	left: 0; 
	height: 50px; 
	padding: 15px;
}
.hw-data-table .nav-route { 
	position: absolute; 
	right: 0; 
	/*bottom: 0; */
	width: 100%; 
	background: #fff; 
	z-index: 10;
}
.hw-data-table table { margin-bottom: 10px; }
.hw-data-table .nav-route .page-route { width: 140px; display: inline-block; margin-left: -4px;} 
.hw-data-table .nav-route .nav-page { width: 70px; display: inline-block; margin: 0}
.hw-data-table .nav-page-btn { width: 60px; }
.hw-data-table .data-summary { margin: 10px 0; height: 35px; line-height: 35px }
.hw-data-table .pagination { margin: 10px 0 }

.upload-img-form {
	display: block;
	position: fixed;
	left: -100000px;
	top: -1000000px;
}

.form-group .upload-img {
	background: url('../img/addImg.png') no-repeat center;
}

.form-group .upload-img,
.form-group .img-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.form-group .img-item{
	display: flex;
	align-items: flex-end ;
}
.form-group .img-item img,
.form-group .upload-img,  .form-group .upload-img img {
	width: 120px;
	height: 120px;
	margin-right: 10px;
}
.form-group .upload-img {
	padding: 19px;
	border: 1px solid #ccc;
} 

.table-rows tbody tr td {
	padding: 0 8px;
	line-height: 2;
}

/*16 * n  +  10 + 10 + 2*/
.col-1 {
    width: 38px;
}
.col-2 {
    width: 54px;
}
.col-3 {
    width: 70px;
}
.col-4 {
    width: 86px;
}
.col-5 {
    width: 102px;
}
.col-6 {
    width: 118px;
}
.col-7 {
    width: 134px;
}
.col-8 {
    width: 150px;
}
.col-9 {
    width: 166px;
}
.col-10 {
    width: 178px;
}
.col-15 {
    width: 262px;
}
.col-20 {
    width: 342px;
}

.opt,
.opt:hover {
	color: blue;
	cursor: pointer;
}

.form-info-title {
	font-size: 17px;
	font-weight: bold;
}

table .btn {
	padding: 2px 8px;
}

textarea {
	resize: none;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}



.form-group.align-center {
	margin-top: 40px;
}


.preveiw-img {
	width: 200px;
	max-height: 100%;
}
.uploaded-file-item {
	position: relative;
	display: block;
	line-height: 25px;
	padding-right: 20px; 
	margin-top: 5px;
	cursor: default;
	margin-bottom: 0;
	color: #4095DB;
}
.uploaded-file-item:nth-of-type(1) {
	margin-top: 0;
}

.uploaded-file-item:hover {
	color: blue;
	background: #f5f7fa;
}

.uploaded-file-item:hover .del {
	display: block; 
	color: #333;
}

.uploaded-file-item .del {
	position: absolute;
	display: none;
	top: 0px;
	right: 0;
	font-size: 20px;
	width: 18px;
	height: 100%;
	line-height: 25px;
	cursor: default; 
	text-align: center; 
}

#upload-form {
	position: absolute;
	left: -1000px;
}
.submit-btn-wrap {
	margin-top: 40px;
	text-align: center;
}

.align-left {
	text-align: left!important;
}
.datetimepicker { margin-top: 0!important; }
h1.title { font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #efefef; }